/*
 * video.js 播放按钮设置
 */

.video-js
  .vjs-current-time
  .vjs-time-divider
  .vjs-duration
    display block!important
  .vjs-current-time
    padding-right 0!important
  .vjs-duration
    padding-left 0!important
  .vjs-remaining-time
    display none


// 暂停时展示播放按钮
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button
  display block

// 播放按钮设为圆形
.video-js .vjs-big-play-button
  font-size 2.5em!important
  line-height 2.5em!important
  height 2.5em!important
  width 2.5em!important
  -webkit-border-radius 2.5em
  -moz-border-radius 2.5em
  border-radius 50%!important
  background-color #73859f
  background-color rgba(115,133,159,.5)
  border-width 0.15em
  margin-top -1.25em
  margin-left -1.75em

// 中间的播放箭头
.vjs-big-play-button .vjs-icon-placeholder
  font-size 1.5em

// 加载圆圈
.vjs-loading-spinner
  font-size 2.5em
  width 2em
  height 2em
  border-radius 1em
  margin-top -1em
  margin-left -1.5em

// 点击屏幕播放/暂停按钮
//.video-js
.vjs-playing
  .vjs-tech
    pointer-events auto

// videojs h5 mp4播放 全屏按钮大小更新
.vjs-fullscreen-control.vjs-control.vjs-button
  .vjs-icon-placeholder
    &:before
      margin-top -5px
      font-size 2.4em

